import { useResize } from '@shared/lib/hooks/useResize'
import { MenuItem, MenuSection } from '@shared/ui/MenuSection'

const projectsMenuList: MenuItem[] = [
  {
    count: 23,
    icon: 'folder',
    title: 'ToDo лист',
    to: '/tod',
  },
  {
    count: 11,
    icon: 'folder',
    title: 'Магазин цветов',
    to: '/shop',
  },
  {
    count: 8,
    icon: 'folder',
    title: 'Секретный проект',
    to: '/secret',
  },
]

export const ProjectsMenuList = () => {
  const { isScreenMd } = useResize()

  return <>{isScreenMd && <MenuSection menuList={projectsMenuList} title='Проекты' />}</>
}
